<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Wx首页</title>
    <link th:replace="template/mobile_template :: header"/>
</head>
<body ontouchstart>
<!-- loading -->
<div id="weui_toast_loading" class="weui-toast weui_loading_toast weui-toast--visible" style="opacity: 1;"><div class="weui_loading"><i class="weui-loading weui-icon_toast"></i></div><p class="weui-toast_content">数据加载中</p></div>
<div class="weui-tab">
    <div class="container" style="margin-bottom: 50px;">
        <div class="slide" id="slide1" style="height: 220px">
            <ul>
                <li>
                    <a href="javascript:;">
                        <img src='/images/wx_index2.jpg' alt="">
                    </a>
                    <div class="slide-desc">修能新办公环境</div>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src='/images/wx_index1.jpg' alt="">
                    </a>
                    <div class="slide-desc">修能资质认证</div>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src='/images/wx_index3.jpg' alt="">
                    </a>
                    <div class="slide-desc">放肆游</div>
                </li>
            </ul>
            <div class="dot">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>

        <div style="padding: 30px;">
            <h1 style="margin-bottom: 15px;font-weight: 400;font-size: 22px;">
                ZyAdmin
            </h1>
            <p style="margin-top: 4px;color: rgba(0,0,0,.5);text-align: left;font-size: 14px;">ZyAdmin
                是一个基于SpringBoot的Web快速开发框架，此页面是微信端首页，使用腾讯的WeUI，是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。</p>
        </div>

        <div class="weui-panel weui-panel_access">
            <div class="weui-panel__hd">
                图文消息
            </div>
            <div class="weui-panel__bd">
                <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                    <div class="weui-media-box__hd">
                        <img class="weui-media-box__thumb"
                             src=""
                             alt="">
                    </div>
                    <div class="weui-media-box__bd">
                        <h4 class="weui-media-box__title">标题一</h4>
                        <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                    </div>
                </a>
                <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                    <div class="weui-media-box__hd">
                        <img class="weui-media-box__thumb"
                             src=""
                             alt="">
                    </div>
                    <div class="weui-media-box__bd">
                        <h4 class="weui-media-box__title">标题二</h4>
                        <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                    </div>
                </a>
            </div>
        </div>

        <!-- 底部公司简介 -->
        <div th:replace="template/mobile_template :: footer_company"></div>
    </div>

    <!-- 底部菜单 -->
    <div th:replace="template/mobile_template :: footer_menu"></div>
</div>

<script type="text/javascript" th:replace="template/mobile_template :: footer"></script>
<script type="text/javascript" th:inline="javascript">

    $(function () {
        setTimeout(function() {
            $.hideLoading();
        }, 1000)

        $('#slide1').swipeSlide({
            autoSwipe: true,//自动切换默认是
            speed: 3500,//速度默认4000
            continuousScroll: true,//默认否
            transitionType: 'cubic-bezier(0.22, 0.69, 0.72, 0.88)',//过渡动画linear/ease/ease-in/ease-out/ease-in-out/cubic-bezier
            lazyLoad: true,//懒加载默认否
            firstCallback: function (i, sum, me) {
                me.find('.dot').children().first().addClass('cur');
            },
            callback: function (i, sum, me) {
                me.find('.dot').children().eq(i).addClass('cur').siblings().removeClass('cur');
            }
        });
    })
</script>
</body>
</html>